<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>APP下载 - 高高手</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" href="css/cssreset.css" />
		<link rel="stylesheet" type="text/css" href="css/appDownload.css"/>
		
		<link rel="icon" href="img/appDownload/favicon.ico" />
		<script src="js/jquery-3.3.1.js"></script>
		<script src="js/bootstrap.js"></script>
	</head>
	<body>
		
		<!--头部导航栏-->
		<header>
			<div class="header_logo">
				<a href="course.html">
					<i></i>
				</a>
			</div>
			<ul class="header_left">
				<li>
					<a href="#">学习频道</a>
					<ul class="dropDown_menu">
						<li>
							<a href="">摄影</a>
							<i></i>
						</li>
						<li>
							<a href="">设计</a>
							<i></i>
						</li>
						<li>
							<a href="">绘画</a>
							<i></i>
						</li>
						<li>
							<a href="">UI</a>
							<i></i>
						</li>
						<li>
							<a href="">影视</a>
							<i></i>
						</li>
						<li>
							<a href="">三维</a>
							<i></i>
						</li>
						<li>
							<a href="">室内</a>
							<i></i>
						</li>
					</ul>
				</li>
				<li>
					<a href="#">高手招募</a>
				</li>
				<li>
					<a href="appDownload.html">APP下载</a>
				</li>
			</ul>
			<ul class="header_right">
				<li>
					<a href="#">登录</a>
				</li>
				<li>|</li>
				<li>
					<a href="#">注册</a>
				</li>
			</ul>
		</header>
		
		
		<!--右边的侧边栏-->
		<aside>
			<a href="#">
				<span>去购物车</span>
			</a>
			<a href="#">
				<span>在线客服</span>
			</a>
			<a href="#">
				<span>意见反馈</span>
			</a>
			<a href="#">
				<div class="right_fixed_info">
					<div class="info_title">扫描二维码</div>
					<div class="info_title2">关注公众号</div>
					<div class="info_pic"></div>
				</div>
			</a>
			<a href="#">
				<div class="right_fixed_info">
					<div class="info_title">扫描二维码</div>
					<div class="info_title2">下载高高手APP</div>
					<div class="info_pic"></div>
				</div>
			</a>
			<a href="#">
				<span>返回顶部</span>
			</a>
		</aside>
		<!--主要内容-->
		<section>
			<div class="section_1">
				<div class="section_pic_1"></div>
				<div class="section_pic_2"></div>
				<a href="#">iPhone版</a>
				<a href="#">Android版</a>
				<a href="#">
					<span></span>
				</a>
			</div>
			
			
			<!--3D轮播图-->
			<div class="section_2">
				<div class="section_2_content">
					<div class="section_maintitle"></div>
					<div class="section_subtitle">编辑精心梳理，名师认真备课</div>
					<div class="certify">
						<div class="certify_container">
							<ul class="clearfix">
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-1.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">Ai矢量插画入门</div>
										<div class="certify_detail_data">绘画插画 基础入门</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-2.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">产品摄影之天幕布光法</div>
										<div class="certify_detail_data">摄影艺术 初级拔高</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-3.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">跟何清超学达芬奇</div>
										<div class="certify_detail_data">影视动画 初级拔高</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-4.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">数码摄影后期高手之路视频课程</div>
										<div class="certify_detail_data">摄影艺术 初级拔高</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-5.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">造物之术—周大杰产品后期精修</div>
										<div class="certify_detail_data">摄影艺术 中级进阶</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-1.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">Ai矢量插画入门</div>
										<div class="certify_detail_data">绘画插画 基础入门</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-2.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">产品摄影之天幕布光法</div>
										<div class="certify_detail_data">摄影艺术 初级拔高</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-3.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">跟何清超学达芬奇</div>
										<div class="certify_detail_data">影视动画 初级拔高</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-4.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">数码摄影后期高手之路视频课程</div>
										<div class="certify_detail_data">摄影艺术 初级拔高</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-5.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">造物之术—周大杰产品后期精修</div>
										<div class="certify_detail_data">摄影艺术 中级进阶</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-1.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">Ai矢量插画入门</div>
										<div class="certify_detail_data">绘画插画 基础入门</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-2.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">产品摄影之天幕布光法</div>
										<div class="certify_detail_data">摄影艺术 初级拔高</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-3.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">跟何清超学达芬奇</div>
										<div class="certify_detail_data">影视动画 初级拔高</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-4.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">数码摄影后期高手之路视频课程</div>
										<div class="certify_detail_data">摄影艺术 初级拔高</div>
									</div>
								</li>
								<li>
									<div class="certify_img_box">
										<img src="img/appDownload/course-5.png" alt="" />
									</div>
									<div class="certify_text_box">
										<div class="certify_detail_title">造物之术—周大杰产品后期精修</div>
										<div class="certify_detail_data">摄影艺术 中级进阶</div>
									</div>
								</li>
								
								
							</ul>
						</div>
					</div>
				</div>
			</div>
			
			
			<div class="section_3">
				<div class="section_maintitle"></div>
				<div class="section_subtitle">国内外顶尖老师，站酷推荐设计师</div>
				<div class="section_teacher">
					<div class="show_img_div">
						<ul class="clearfix">
							<li>
								<img src="img/appDownload/teacher-1.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>李涛</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										高高手在线教育创始人
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-2.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>王东晟</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										著名商业画师，清华美院客座教授
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-3.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>开心老头</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										资深平面设计师，站酷推荐设计师
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-4.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>何清超</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										资深影视专家
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-5.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>陈惟</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										中国知名数字艺术家；四川音乐学院动画系教研室主任
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-6.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>王云飞</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										知名插画艺术家，站酷推荐设计师
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-7.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>包子</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										著名插画师，站酷推荐设计师
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-8.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>刘洋</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										知名商业人物修图师，灵动风尚摄影创始人
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-9.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>TVart</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										Adobe中国后期合成专家讲师AUTODESK教育专家
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-10.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>像素范儿</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										专业UI设计培训团队
									</div>
								</div>
							</li>
							
							<li>
								<img src="img/appDownload/teacher-1.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>李涛</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										高高手在线教育创始人
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-2.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>王东晟</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										著名商业画师，清华美院客座教授
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-3.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>开心老头</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										资深平面设计师，站酷推荐设计师
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-4.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>何清超</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										资深影视专家
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-5.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>陈惟</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										中国知名数字艺术家；四川音乐学院动画系教研室主任
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-6.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>王云飞</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										知名插画艺术家，站酷推荐设计师
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-7.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>包子</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										著名插画师，站酷推荐设计师
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-8.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>刘洋</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										知名商业人物修图师，灵动风尚摄影创始人
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-9.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>TVart</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										Adobe中国后期合成专家讲师AUTODESK教育专家
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-10.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>像素范儿</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										专业UI设计培训团队
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-1.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>李涛</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										高高手在线教育创始人
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-2.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>王东晟</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										著名商业画师，清华美院客座教授
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-3.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>开心老头</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										资深平面设计师，站酷推荐设计师
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-4.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>何清超</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										资深影视专家
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-5.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>陈惟</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										中国知名数字艺术家；四川音乐学院动画系教研室主任
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-6.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>王云飞</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										知名插画艺术家，站酷推荐设计师
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-7.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>包子</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										著名插画师，站酷推荐设计师
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-8.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>刘洋</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										知名商业人物修图师，灵动风尚摄影创始人
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-9.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>TVart</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										Adobe中国后期合成专家讲师AUTODESK教育专家
									</div>
								</div>
							</li>
							<li>
								<img src="img/appDownload/teacher-10.png" alt="" />
								<div class="section3_text_box">
									<div class="img_detail_title">
										<span>像素范儿</span>
										<i></i>
									</div>
									<div class="img_detail_data">
										专业UI设计培训团队
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			
			<div class="section_4">
				<div class="section_4_content">
					<div class="section_maintitle"></div>
					<div class="section_subtitle">100多万高高手同学，陪你共同进步和成长</div>
					<div class="hot_comment">
						<div class="section_bg_left"></div>
						<div class="section_bg_right"></div>
						<div class="student_comment">
							<div class="comment_box1">
								<ul class="index1">
									<li>
										<div class="comment_pic_box">
											<img src="img/appDownload/user-1.png" alt="" />
										</div>
										<div class="comment_text_box">
											<div class="detail_title">
												<span>蔚**蓝</span>
												<i></i>
												<span>杭州</span>
											</div>
											<div class="detail_data">课程质量超高的，干货满满，好多疑问都得到解答，老师认真负责，炒鸡棒</div>
										</div>
									</li>
									<li>
										<div class="comment_pic_box">
											<img src="img/appDownload/user-2.png" alt="" />
										</div>
										<div class="comment_text_box">
											<div class="detail_title">
												<span>花**I</span>
												<i></i>
												<span>武汉</span>
											</div>
											<div class="detail_data">老师们都非常认真负责，课程全是干货，一个页面点评好几次直到符合要求为止，非常令人敬佩。有一句话叫“有道无术，术尚可求，有术无道，止于术”！</div>
										</div>
									</li>
									<li>
										<div class="comment_pic_box">
											<img src="img/appDownload/user-3.png" alt="" />
										</div>
										<div class="comment_text_box">
											<div class="detail_title">
												<span>墨**迹</span>
												<i></i>
												<span>上海</span>
											</div>
											<div class="detail_data">老师的课程质量很高很专业，作业点评很走心，知识理论能够做到学以致用，很赞～</div>
										</div>
									</li>
								</ul>
								<ul class="index2">
									<li>
										<div class="comment_pic_box">
											<img src="img/appDownload/user-4.png" alt="" />
										</div>
										<div class="comment_text_box">
											<div class="detail_title">
												<span>阿**n</span>
												<i></i>
												<span>北京</span>
											</div>
											<div class="detail_data">当今UI行业设计师们进阶提升、突破瓶颈期的一场及时雨。</div>
										</div>
									</li>
									<li>
										<div class="comment_pic_box">
											<img src="img/appDownload/user-5.png" alt="" />
										</div>
										<div class="comment_text_box">
											<div class="detail_title">
												<span>鹿**鹿n</span>
												<i></i>
												<span>南京</span>
											</div>
											<div class="detail_data">赞赞赞，真的是良心导师，上课就是专心的上课，不扯淡不吹牛皮，第一次见到这么认真负责任的线上老师，作业一个一个的批改，不敷衍，真心学到很多知识，收获很多，希望有天设计会和老师一样棒！加油！</div>
										</div>
									</li>
									<li>
										<div class="comment_pic_box">
											<img src="img/appDownload/user-6.png" alt="" />
										</div>
										<div class="comment_text_box">
											<div class="detail_title">
												<span>林**希</span>
												<i></i>
												<span>广州</span>
											</div>
											<div class="detail_data">第一次听李涛老师的课，收益匪浅。真有相见恨晚之感。哈哈 谢谢，期待李涛老师更多的课程。</div>
										</div>
									</li>
								</ul>
								<ul class="index3">
									<li>
										<div class="comment_pic_box">
											<img src="img/appDownload/user-7.png" alt="" />
										</div>
										<div class="comment_text_box">
											<div class="detail_title">
												<span>可**柯</span>
												<i></i>
												<span>成都</span>
											</div>
											<div class="detail_data">茅塞顿开，知识点都是一脉相承脉络清晰，每个知识点拓展到其他知识点互相串联。</div>
										</div>
									</li>
									<li>
										<div class="comment_pic_box">
											<img src="img/appDownload/user-8.png" alt="" />
										</div>
										<div class="comment_text_box">
											<div class="detail_title">
												<span>小**2</span>
												<i></i>
												<span>深圳</span>
											</div>
											<div class="detail_data">五星好评，李涛老师的教程内容丰富，条理清晰，同等的教学内容，我会首选李涛老师的教程。老师辛苦了，谢谢。</div>
										</div>
									</li>
									<li>
										<div class="comment_pic_box">
											<img src="img/appDownload/user-9.png" alt="" />
										</div>
										<div class="comment_text_box">
											<div class="detail_title">
												<span>泡**沫</span>
												<i></i>
												<span>北京</span>
											</div>
											<div class="detail_data">6666！感谢李老师无私奉献这么优质的课程，我听了好几遍了，喜欢李老师讲课的风格，很棒的在线教育课程。</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="section_5"></div>
			
			
		</section>
		
		
		
		
		
		<!--底部-->
		<footer>
			<div class="footer_center">
				<div class="center_top clearfix">
					<ul class="footer_nav clearfix">
						<li><a href="#">关于我们</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">用户协议</a></li>
						<li><a href="#">隐私政策</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">意见反馈</a></li>
						<li><a href="#">招贤纳士</a></li>
					</ul>
					<ul class="guanzhu clearfix">
						<li><a href="#"><i></i><span></span></a></li>
						<li class="footer_line"></li>
						<li><a href="#"><i></i><span></span></a></li>
						<li class="footer_line"></li>
						<li><a href="#"><i></i></a></li>
					</ul>
					<ul class="footer_contact clearfix">
						<li>联系我们</li>
						<li>
							<span>010-52023772</span>
							<span>（9:30 - 18:00）</span>
						</li>
						<li>
							<a href="#">在线QQ客服</a>
							<span>（9:30 - 18:00）</span>
						</li>
					</ul>
				</div>
				<div class="center_bottom clearfix">
					<div class="footer_bottom_left">
						<div class="footer_one">
							<a href="#">京ICP备15003345号-1</a>
							<span>|</span>
							<a href="#">
								<img src="img/course_detail/record-icon.png" alt="" />
								<span>京公网安备 11010502034774号</span>
							</a>
							<span>|</span>
							<a href="#">京ICP证 京B2-20181721-1</a>
							<span>|</span>
							<a href="#">广播电视节目制作经营许可证（京）字第08375号-1</a>
							<span>|</span>
							<a href="#">营业执照</a>
						</div>
						<div class="footer_two">
							<span>Copyright © 2015-2019 站酷高高手（ZCOOL GOGOUP）版权所有</span>
							<span>|</span>
							<span>品牌、课程和网页设计版权由 北京站酷教育科技有限公司 持有，未经本公司允许，请勿建立镜像和其他违法用途</span>
						</div>
					</div>
					<div class="footer_bottom_right">
						<a href=""><img src="img/course_detail/zcool-logo.png" alt="" /></a>
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>




<script>
	
	//下拉菜单移入移出效果
	$(".header_left>li:nth-of-type(1)").hover(function(){
		$(this).children("ul").css("display","block")
	},function(){
		$(this).children("ul").css("display","none")
	})
	
	
	
	
	
	
	//侧边栏移入动态效果
	$("aside>a").hover(function(){
		$(this).children("span").css({"display":"block","background":"white"});
		if($(this).index()==3){
			$(this).css({"background-color":"#28b28b"});
			$(this).children(".right_fixed_info").css({"display":"block"});
		}
		if($(this).index()==4){
			$(this).css({"background-color":"#28b28b"});
			$(this).children(".right_fixed_info").css({"display":"block"});
		}
		
	},function(){
		$(this).children("span").css({"display":"none"});
		if($(this).index()==3){
			$(this).css({"background-color":"white"});
			$(this).children(".right_fixed_info").css({"display":"none"});
		}
		if($(this).index()==4){
			$(this).css({"background-color":"white"});
			$(this).children(".right_fixed_info").css({"display":"none"});
		}
		
	})
	
	
	//滚轮事件侧边栏栏固定定位
	$(window).scroll(function(){
		if($(window).scrollTop()<=530){
			$("aside>a:nth-of-type(6)").css({"display":"none"});
			//滚轮到达一定位置重新加载动画
			animateLoad();
		}
		if($(window).scrollTop()>530){
			$("aside>a:nth-of-type(6)").css({"display":"block"});
			//滚轮到达一定位置还原元素位置
			resetPosition();
		}
		
		var scrollTop = $(this).scrollTop();
	　　var scrollHeight = $(document).height()-200;
	　　var windowHeight = $(this).height();
	　　if(scrollTop + windowHeight <= scrollHeight){
	　　　　$("aside").css({"position":"fixed","top":"20%"});
	　　}
		if(scrollTop + windowHeight > scrollHeight){
		　　$("aside").css({"position":"absolute","top":(scrollHeight-420)+"px"});
	　　}
	})
	
	//点击返回顶部
	$("aside>a:nth-of-type(6)").click(function(){
		$("html,body").animate({"scrollTop":"0"},1000);
	})
	
	
	//二维码移入移出动态效果
	
	$(".section_1>a:nth-of-type(3)").hover(function(){
		$(this).children("span").css({"transform":"scale(1)"});
	},function(){
		$(this).children("span").css({"transform":"scale(0)"});
	})
	
	
	//动画加载效果
	animateLoad();
	
	function animateLoad(){
		$(".section_1 .section_pic_1").css({"top":"226px","opacity":"1","transition":"all 1s"});
		setTimeout(function(){
			$(".section_1 .section_pic_2").css({"top":"318px","opacity":"1","transition":"all 1s"});
			setTimeout(function(){
				$(".section_1>a").css({"top":"447px","opacity":"1","transition":"all 1s"});
				$(".section_1>a:nth-of-type(3)").css({"top":"450px"});
			},500)
		},500)
	}
	
	//还原元素位置
	function resetPosition(){
		$(".section_1 .section_pic_1").css({"top":"186px","opacity":"0","transition":"all 0s"});
		$(".section_1 .section_pic_2").css({"top":"292px","opacity":"0","transition":"all 0s"});
		$(".section_1>a").css({"top":"407px","opacity":"0","transition":"all 0s"});
		$(".section_1>a:nth-of-type(3)").css({"top":"410px"});
	}
	
	
	//每隔5s评论模块切换一次
	var num =1;
	setInterval(function(){
		
		switchModule(num);
		num++;
	},5000)
	
	function switchModule(num){
		switch(num%3){
			case 0:
				$(".student_comment .comment_box1 .index1 li").css({"top":"-76px","opacity":"0"});
				$(".student_comment .comment_box1 .index1").css({"display":"block"}).siblings().css({"display":"none"});
				$(".student_comment .comment_box1 .index1 li").animate({"top":"0px","opacity":"1"},1000);
				break;
			case 1:
				$(".student_comment .comment_box1 .index2 li").css({"top":"-76px","opacity":"0"});
				$(".student_comment .comment_box1 .index2").css({"display":"block"}).siblings().css({"display":"none"});
				$(".student_comment .comment_box1 .index2 li").animate({"top":"0px","opacity":"1"},1000);
				break;
			case 2:
				$(".student_comment .comment_box1 .index3 li").css({"top":"-76px","opacity":"0"});
				$(".student_comment .comment_box1 .index3").css({"display":"block"}).siblings().css({"display":"none"});
				$(".student_comment .comment_box1 .index3 li").animate({"top":"0px","opacity":"1"},1000);
				break;
			default:
				
				break;
		}
	}
	
	
	//平滑轮播图移入效果
	$(".show_img_div ul li").hover(function(){
		$(this).children("img").css({"transform":"scale(1.1)"});
		$(this).children(".section3_text_box").css({"opacity":"1","bottom":"22px","transition":"all 0.35s"});
		//移除自动轮播定时器
		clearInterval(timer);
	},function(){
		$(this).children("img").css({"transform":"scale(1.0)"});
		$(this).children(".section3_text_box").css({"opacity":"0","bottom":"-30px","transition":"all 0s"});
		
		//自动轮播
		clearInterval(timer);
		timer = setInterval(function(){
			$(".show_img_div ul").css({"transition":"all 0.35s"});
			if(speed>20){
				speed = 10;
				$(".show_img_div ul").css({"transition":"all 0s"});
			}
			speed++;
			$(".show_img_div ul").css({"left":-speed*246});
			
		},2000)
		
	})
	
	//平滑轮播图自动轮播
	var speed =10;
	var timer;
	var dragX;
	
	timer = setInterval(function(){
		$(".show_img_div ul").css({"transition":"all 0.35s"});
		if(speed>20){
			speed = 10;
			$(".show_img_div ul").css({"transition":"all 0s"});
		}
		speed++;
		$(".show_img_div ul").css({"left":-speed*246});
		
	},2000)
	
	
	
	
	
	//鼠标拖曳事件
	$(".show_img_div").mousedown(function(event){
		if(event.button == 0){
			relativeX = event.clientX;
			$(document).mousemove(function move(e){
				dragX = e.clientX-relativeX;
				$(".show_img_div ul").css({"transition":"all 0s","left":(-speed*246)+dragX});
				return false;
			});
			$(document).mouseup(function stop(){
				$(document).unbind("mousemove");
				$(document).unbind("mouseup");
				speed = speed+(Math.round(-dragX/246));
				if(speed>20 || speed<4){
					if(speed>20){
						speed = 10+(Math.round(-dragX/246));
					}
					else if(speed<4){
						speed = 14+(Math.round(-dragX/246));
					}
					$(".show_img_div ul").css({"transition":"all 0s","left":-speed*246});
				}
				else{
					$(".show_img_div ul").css({"transition":"all 0.35s","left":-speed*246});
				}
			});
		}
		return false;
	})
	
	

	
//	3d轮播图
	
	var classArr = ["banner_3d_1","banner_3d_2","banner_3d_3","banner_3d_4","banner_3d_5","banner_3d_6","banner_3d_7","banner_3d_8","banner_3d_9"];
	$(".certify_container ul>li").each(function(){
		
		var index = $(this).index();
		//前面九个按照顺序设置样式
		if(index<9){
			$(this).css({"transform":"scale("+(index-3)*0.2+")"});
		}else{
			$(this).css({"transform":"scale("+(1-((index-8)*0.2))+")"});
		}
		if(index>3 && index< 13){
			$(this).addClass(classArr[(index-4)]);
		}
	})
	
	var $newBannerTag;
	var time3D;
	time3D = setInterval(function(){
		autoLeft();
	},2000)
	
	$(".certify_container").hover(function(){
		clearInterval(time3D);
	},function(){
		clearInterval(time3D);
		time3D = setInterval(function(){
			autoLeft();
		},2000)
	})
	
	
	
	var x_3D;
	var dragX_3D;
//	3D轮播图拖曳事件
	$(".certify_container").mousedown(function(event){
		if(event.button == 0){
			x_3D = event.clientX;
			$(document).mousemove(function (e){
				dragX_3D = e.clientX-x_3D;
				
				return false;
			});
			$(document).mouseup(function (){
				$(document).unbind("mousemove");
				$(document).unbind("mouseup");
				if(dragX_3D>0){
					//鼠标向右拖动，最后一张删除。第一张添加
					var flag1 = dragX_3D/325;
					for(var i=0;i<flag1;i++){
						dragRight();
					}
					
				}
				else{
					var flag2 = (-dragX_3D/325);
					for(var j=0;j<flag2;j++){
						dragLeft();
					}
				}
			});
		}
		return false;
	})
	
	
	
	function autoLeft(){
		
		$newBannerTag = $(".certify_container ul>li:first-child").clone(true);
		$(".certify_container ul>li:first-child").remove();
		$(".certify_container ul").append($newBannerTag);
		
		
		$(".certify_container ul>li").each(function(){
			var index = $(this).index();
			if(index<9){
				$(this).css({"transform":"scale("+(index-3)*0.2+")"});
			}else{
				$(this).css({"transform":"scale("+(1-((index-8)*0.2))+")"});
			}
			if(index>3 && index< 13){
				$(this).removeClass();
				$(this).addClass(classArr[(index-4)]);
			}
		})
	}
	
	
	function autoRight(){
		$newBannerTag = $(".certify_container ul>li:last-child").clone(true);
		$(".certify_container ul>li:last-child").remove();
		$(".certify_container ul").prepend($newBannerTag);
		
		$(".certify_container ul>li").each(function(){
			var index = $(this).index();
			if(index<9){
				$(this).css({"transform":"scale("+(index-3)*0.2+")"});
			}else{
				$(this).css({"transform":"scale("+(1-((index-8)*0.2))+")"});
			}
			if(index>3 && index< 13){
				$(this).removeClass();
				$(this).addClass(classArr[(index-4)]);
			}
		})
	}
	function dragLeft(){
		$newBannerTag = $(".certify_container ul>li:first-child").clone(true);
		$(".certify_container ul>li:first-child").remove();
		$(".certify_container ul").append($newBannerTag);
		
		
		$(".certify_container ul>li").each(function(){
			var index = $(this).index();
			if(index<9){
				$(this).css({"transform":"scale("+(index-3)*0.2+")"});
			}else{
				$(this).css({"transform":"scale("+(1-((index-8)*0.2))+")"});
			}
			if(index>3 && index< 13){
				$(this).removeClass();
				$(this).addClass(classArr[(index-4)]);
			}
		})
	}
	
	function dragRight(){
		$newBannerTag = $(".certify_container ul>li:last-child").clone(true);
		$(".certify_container ul>li:last-child").remove();
		$(".certify_container ul").prepend($newBannerTag);
		
		$(".certify_container ul>li").each(function(){
			var index = $(this).index();
			if(index<9){
				$(this).css({"transform":"scale("+(index-3)*0.2+")"});
			}else{
				$(this).css({"transform":"scale("+(1-((index-8)*0.2))+")"});
			}
			if(index>3 && index< 13){
				$(this).removeClass();
				$(this).addClass(classArr[(index-4)]);
			}
		})
	}
</script>
